#SceneMain {
	position : absolute;
	left : 0px;
	top : 0px;
	width : 960px;
	height : 540px;
	background: url(../../images/menu/bg.png);
}
/* thuoc tinh chu*/


.labelmain{
	position: absolute;
	left : 0px;
	top : 420px;
	height:300px;
	width: 960px;
	z-index:99;
	
	-webkit-animation: labelxuathien 0.5s ease-in-out ;
}

.labelmainmat{
	opacity:0;
	position: absolute;
	left : 0px;
	top : 420px;
	height:300px;
	width: 960px;
	z-index:0;
	
	-webkit-animation: labelbienmat 0.5s ease-in-out ;
}






#conten{
	position: absolute;
	left: 0px;
	top: -30px;
	
}
/* bimg là định dạng, định vị*/
.bimg1 {
	position:absolute;
	left: 70px;
	top: 200px;
	visibility: visible;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	}
.bimg2 {
	position:absolute;
	left: 314px;
	top: 200px;
	visibility: visible;
	z-index:1;
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	}	
.bimg3 {
	position:absolute;
	left: 560px;
	top: 200px;
	visibility: visible;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	}
 /*di chuyển của 3 phần tử*/
.traiquaben {
	position:absolute;
	left: 70px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	animation: traibienmat 0.5s ease-in-out;
	-webkit-animation: traibienmat 0.5s ease-in-out ;
	}
.phaiquaben {
	position:absolute;
	left: 560px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	animation: phaibienmat 0.5s ease-in-out;
	-webkit-animation: phaibienmat 0.5s ease-in-out ;
	}
 
.giuaquatrai {
	
	position:absolute;
	left: 314px;
	top: 200px;
	z-index:2;
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	
	animation: mainquatrai 0.5s ease-in-out;
	-webkit-animation: mainquatrai 0.5s ease-in-out ;
	animation-play-state: running;
   
	}	
.giuaquaphai {
	
	position:absolute;
	left: 314px;
	top: 200px;
	z-index:2;
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	
	animation: mainquaphai 0.5s ease-in-out;
	-webkit-animation: mainquaphai 0.5s ease-in-out ;
	animation-play-state: running;
   
	}	

.phaiquagiua {
	position:absolute;
	left: 560px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;

	animation: phaigiua 0.5s ease-in-out ;
	-webkit-animation: phaigiua 0.5s ease-in-out ;
	}
.traiquagiua {
	position:absolute;
	left: 70px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;

	animation: traigiua 0.5s ease-in-out ;
	-webkit-animation: traigiua 0.5s ease-in-out ;
	}
	
.phaihien{
	position:absolute;
	visibility: visible;
	z-index:0;
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
		animation: phaihienlen 0.5s ease-in-out ;
	-webkit-animation: phaihienlen 0.5s ease-in-out ;
	}

.traihien{
	position:absolute;
	visibility: visible;
	z-index:0;
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
		animation: traihienlen 0.5s ease-in-out ;
	-webkit-animation: traihienlen 0.5s ease-in-out ;
	}

.bienmat{
	visibility: hidden;
	
}
	
	
@keyframes mainquatrai{
    from {left: 400px;
		top: 100px;}
    to {left: 50px;
	top: 100px;/*
		top:200px; */
		transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
		
	
}
@-webkit-keyframes mainquatrai{
    from {
		left: 314px;
	top: 200px;
		z-index:2;
	}
    to {
		z-index:1;
		left: 70px;
	top: 200px;/*
		top:200px; */
		transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
		
}
		
		
@keyframes mainquaphai{
    from {left:0px;
		top:0px}
    to {left:200px;
		top:200px;}
		
	
}
@-webkit-keyframes mainquaphai{
    from {
		left: 314px;
	top: 200px;
	}
    to {
		left: 560px;
	top: 200px;/*
		top:200px; */
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
	
}

@keyframes phaigiua {
    from {left: 0px;}
    to {left: 200px;}
}

/* Hien thi cho Safari and Chrome */
@-webkit-keyframes phaigiua {
    from {
		left: 560px;
	top: 200px;
		z-index:1;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		
	}
    to 
	{	z-index:2;
		left: 314px;
	top: 200px;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform: scaleX(1) matrix3d(1, 0, 0, 0,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}

@keyframes traigiua {
    from {left: 0px;}
    to {left: 200px;}
}

/* Hien thi cho Safari and Chrome */
@-webkit-keyframes traigiua {
    from {
		position:absolute;
	left: 70px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
		
	}
    to 
	{	z-index:2;
		left: 314px;
	top: 200px;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform: scaleX(1) matrix3d(1, 0, 0, 0,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}

@keyframes traibienmat {
    from {transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);;}
    to {z-index:1;
		left: 0px;
	top: 70px;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
}

/* Hien thi cho Safari and Chrome */
@-webkit-keyframes traibienmat {
    from {
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		
	}
    to 
	{	opacity:0;
	z-index:0;
		left: 0px;
	top: 90px;
	left: 20px;
	top: 200px;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}

@keyframes phaibienmat {
    from {transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
    to {z-index:1;
		left: 0px;
	top: 70px;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
}

/* Hien thi cho Safari and Chrome */
@-webkit-keyframes phaibienmat {
    from {
    
	left: 560px;
	top: 200px;
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
		
	}
    to 
	{	opacity:0;
	z-index:0;
	left: 610px;
	top: 200px;
		
	
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}
@keyframes traihienlen {
    from {
		opacity:0;
	z-index:0;
		left: 0px;
	top: 90px;
		}
    to {
		left: 50px;
	top: 100px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	
	}
}

/* Hien thi cho Safari and Chrome */
@-webkit-keyframes traihienlen {
    from {
		opacity:0;
	z-index:0;
		left: 20px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		
	}
    to 
	{	
		left: 70px;
	top: 200px;
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, 0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}



/* Hien thi cho Safari and Chrome */
@-webkit-keyframes phaihienlen{
   from {
		
		left: 610px;
	top: 200px;
	opacity:0;
			
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
		}
    to {
		left: 560px;
	top: 200px;
			
	transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform: scaleX(0.7) matrix3d(1, 0, 0, -0.001,0,  1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	box-shadow:0px 10px 15px  #333 ;
	border-radius: 10px;
	}
}

@-webkit-keyframes labelxuathien{
   from {
	position: absolute;
	left : 0px;
	top : 400px;
	height:300px;
	width: 960px;
	opacity:0;
		}
    to {
	
	position: absolute;
	left : 0px;
	top : 420px;
	height:300px;
	width: 960px;
	
	
	}
}
@-webkit-keyframes labelbienmat{
   from {
	position: absolute;
	left : 0px;
	top : 420px;
	height:300px;
	width: 960px;
	opacity:1;
		}
    to {
	
	position: absolute;
	left : 0px;
	top : 420px;
	height:300px;
	width: 960px;
	opacity:0;
	z-index:0;
	
	}
}
